<?php
// include_once "../db.php";
session_start();
?>

<script type="text/javascript" charset="utf-8">
  
  var oTableUsuariosServer;	

   // (function(){

        //var asInitValores = new Array(); //busqueda individual cada campo datatable

		
        $(document).ready(function() {
				
            var opciones="toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=yes, resizable=yes, width=900, height=600, top=85, left=140";
            url_pdfDocumento="Documentos_pdf.php?dep="+SISTEMA.reparticionOrigen;
            url_pdfDocumento_excel="reportes/excel/Documentos_excel.php?dep="+SISTEMA.oUser.atributos.id_rep_dep;
        
          
            $.datepicker.regional[""].dateFormat = 'dd/mm/yy';
            $.datepicker.setDefaults($.datepicker.regional['es']);  		 
			
						
            oTableUsuariosServer = $('#dt_usuarios_x_repart').dataTable({
               
                "iDisplayLength": (screen.height > 768)? 10:7,     
                "bJQueryUI": true,
                "sPaginationType": "full_numbers",
                // "sScrollX": "100%",
                // "sScrollXInner": "110%",
                "bScrollCollapse": true,
                //"sDom": '<"H"lf<"toolbar_dt1">>t<"F"ip>',
				
                //processing php rck pablon
                "bProcessing": true,
                "bServerSide": true,
                "sAjaxSource": "ajax_php/server_processing_usuarios_rep.php",
                //--
				
				"fnDrawCallback": function (oSettings) {
					if ( oSettings.aiDisplay.length == 0 )
					{
						return;
					}
					
					if(SISTEMA.oUser.atributos.desc_perfil == "9_callcenter" ) return;
					
					// console.log(oSettings)
					
					var totalMostrando = (oSettings._iRecordsDisplay > oSettings._iDisplayLength)? oSettings._iDisplayLength: oSettings._iRecordsDisplay; 
					//$('#dt_usuarios_x_repart tbody tr');
					// console.log(totalMostrando)
					var ultimoLegajo = "";					
					
					//$('.user_legajo:eq(1)' ).html() // "165"
					//$('.user_legajo:eq(1)' ).css("color", "blue")
					
					// $("#dt_usuarios_x_repart tbody tr:eq(1) td:eq(2)").text()
							
							
					 //si funciona	
					for ( var i=0 ; i < totalMostrando ; i++ ){
						// if ( $('.user_legajo:eq('+i+')' ).html() == ultimoLegajo ){
						if ( $("#dt_usuarios_x_repart tbody tr:eq("+i+") td:eq(1)").text() == ultimoLegajo ){
							// $('.user_legajo:eq('+i+')' ).html('')	
							// $('.user_nombre:eq('+i+')' ).html('')	
							// $("#dt_usuarios_x_repart tbody tr:eq(1) td:eq(2)").text()
							$("#dt_usuarios_x_repart tbody tr:eq("+i+") td:eq(0)").html('')
							// $("#dt_usuarios_x_repart tbody tr:eq("+i+") td:eq(1)").html('')
							$("#dt_usuarios_x_repart tbody tr:eq("+i+") td:eq(2)").html('')
							$("#dt_usuarios_x_repart tbody tr:eq("+i+") td:eq(3)").html('')
							$("#dt_usuarios_x_repart tbody tr:eq("+i+") td:eq(4)").html('')
							
						}else{
							// ultimoLegajo = $('.user_legajo:eq('+i+')' ).html();
							ultimoLegajo = $("#dt_usuarios_x_repart tbody tr:eq("+i+") td:eq(1)").text()
						}						
					}
					
					
					// oSettings.aoData[1]._aData.legajo = "641";
					// oTableUsuariosServer.
					
					// var iColspan = nTrs[0].getElementsByTagName('td').length;
					/*
					// var sLastGroup = "";
					
					// for ( var i=0 ; i< nTrs.length ; i++ )
					for ( var i=0 ; i< 10 ; i++ )
					{
						if ( sGroup != sLastGroup )
						{
		
							sLastGroup = sGroup;
						}
					}
					*/
					/*
                    $('.user_nombre').editable( '..', {
                        "callback": function( sValue, y ) {
                             // Redraw the table from the new data on the server 
                            // oTableTramitesArchivados.fnDraw();
                        },
                        "height": "20px"
                    } );
					*/
					
					$('.user_legajo').bind('contextmenu', function(e) {	
                        e.preventDefault();		                 
						
						console.log($(this).attr("id"))
						
                        var parts = $(this).attr("id").split("_");	
						// console.log(parts)						
						
                        menuUsuario.data.user_id = parts[1];	
                        menuUsuario.data.id_repart = parts[2];	
                        menuUsuario.data.id_perfil = parts[3];	
						
                        menuUsuario.showAt(e.clientX, e.clientY); 

						var res = SISTEMA.findUserById(parseInt(parts[1]));
						
						if(res.objetos[0].nombre_usuario.length == 0){					
							Ext.getCmp('menuUsuario').disable();
						}else{
							Ext.getCmp('menuUsuario').enable();
							
							//tiene reparticion
							if(parts[2].length > 0){ 
								Ext.getCmp('id_menu_build_rck_add').enable();
								Ext.getCmp('id_menu_build_rck_edit').enable();
								Ext.getCmp('id_menu_build_rck_delete').enable();
							}else{
								Ext.getCmp('id_menu_build_rck_add').enable();
								Ext.getCmp('id_menu_build_rck_edit').disable();
								Ext.getCmp('id_menu_build_rck_delete').disable();
							}
						}
					
						// menuUsuario.items.get('id_menu_build_rck_add').enable();
				
                    });     
					
					$('.user_legajo').hover(function(){                        
                        $(this).css("background-color","rgba(0, 255, 0, 0.5)");		
                        $(this).css("cursor","pointer");					
                    },
                    function(){
                        $(this).css("background-color","");			
                        $(this).css("cursor","");	
                    });
						
					
					 
					$('.user_nombre').editable('ajax_php/edit_row_ajax.php', { 
						// type      : "masked",
						// mask      : "99%",
						// cancel    : 'Cancel',
						// submit    : 'OK',
						indicator : '<img src="images/loader.gif">',
						tooltip   : 'Click to edit...',
						callback : function(value, settings) {
							//location.reload(true);
							// oTableUsuariosServer.fnDraw();
							// alert('sdf');
								/*
							var aPos = oTableViajes.fnGetPosition( this );		
							var aData = oTableViajes.fnGetData( aPos[0] );
							
							var dato = parseFloat(value).toFixed(2);
							
							aData[ aPos[1] ] = 'clicked';
							this.innerHTML = dato + '%';
										*/
							// mysql_query("SELECT ");
								
						},
						submitdata: function ( value, settings ) {                                    
							// value = 50.30;
							// alert("value: "+ value);
							// alert("value: "+ this.getAttribute('id'));
							
							var part = this.getAttribute('id').split("_");
							
							// console.log(part)
							return {                                         
								"row_id": part[1],
								"campo_id": "legajo", //this.getAttribute('id'),
								"campo_editar" : "nombre",
								"tabla": "vw_agentes"                                                
							};
						},
						eight: "50px"
					});        
							
					$(".user_estado").editable("ajax_php/edit_row_ajax.php", { 
						indicator : '<img src="images/loader.gif">',
						data   : "{'1':'SI','0':'NO'}",
						type   : "select",
						//cancel    : 'Cancel',
						submit : "OK",
						//style  : "inherit",
						tooltip   : 'Click to edit...',
						callback : function(value, settings) {
							var msj = "";
							
							var clase = $(this.parentNode.parentNode).attr("class");
							var part = clase.split(" ");
							var parte = part[1].split("_");
							var res = SISTEMA.findUserById(parte[1]);
							
							if(value == 1)
							{
								msj = "Se habilito al usuario "+ res.objetos[0].nombre_usuario;
								// this.innerHTML = 'Si';
								$(this).html('<img style="cursor:pointer" src="images/si.png" width="18" title="Activo">');
								// $(this).css("color","blue");                    
							}
							else
							{
								msj = "Se inhabilito al usuario "+ res.objetos[0].nombre_usuario;
								// this.innerHTML = 'No';
								$(this).html('<img style="cursor:pointer" src="images/no.png" width="18" title="No Activo">');
								// $(this).css("color","red");                                        
							}
							
							
							showStickySuccessToast(msj);
							
							var msj2db = msj + " realizado por " + SISTEMA.oUser.atributos.nombre_usuario + " desde: " + SISTEMA.RemoteAddr;							
							js_mysql_logs("z_logs_users", msj2db);	
							
							HISTORIAL.agregarEvento(msj);
														
						},
						submitdata: function ( value, settings ) {
							// var part = this.parentNode.getAttribute('class').split("_");
							var clase = $(this.parentNode.parentNode).attr("class");
							var part = clase.split(" ");
							var parte = part[1].split("_");
							// console.log(parte[1])
							return {                                         
								"row_id": parte[1],
								"campo_id": "id_usuario", //this.getAttribute('id'),
								"campo_editar" : "c_estado",
								"tabla": "admin_usuarios"                                                
							};
						}
					});
					 
					
                
					
					// $(".user_nombre").css("background-color","rgba(0, 255, 0, 0.5)");
                },
				
                "fnRowCallback": function( nRow, aData, iDisplayIndex ) {
				    var acciones = "";
					var estado = "";
					if(aData.estado == "1" ){
						estado = '<img style="cursor:pointer" src="images/si.png" width="18" title="Activo">' ;
					}

					if(aData.estado == "0" ){
						estado = '<img style="cursor:pointer" src="images/no.png" width="18" title="No Activo">' ;
					}
					
					// var legajo_ant = "";					
					
					//$('.user_legajo:eq(1)' ).html() // "165"
					//$('.user_legajo:eq(1)' ).css("color", "blue")
						
				
					
					if(aData.legajo != 1)
						acciones = '<img onclick="editUser('+aData.legajo+')" style="cursor:pointer" src="images/config_user.png" width="25" title="Edit User">' ;
					if(aData.legajo == 1)
						estado = "";
						
					if(SISTEMA.oUser.atributos.desc_perfil == "9_callcenter" ) acciones = "";
				
					// if(legajo_ant != aData.legajo){	
						$('td:eq(0)', nRow).html(acciones); 					
						$('td:eq(1)', nRow).html('<div class="user_legajo" id="legajo_' + aData.legajo + '_' + aData.id_rep_dep + '_' + aData.id_perfil + '">' + aData.legajo + '</div>'); 
						if(aData.estado == "1" || aData.estado == "0" ) $('td:eq(2)', nRow).html('<div class="user_estado" >' + estado + '</div>'); 
						$('td:eq(3)', nRow).html('<div class="user_nombre" id="user_' + aData.legajo + '">' + aData.nombre + '</div>'); 
						$('td:eq(4)', nRow).html(aData.nombre_usuario);
						
						// console.log($(nRow).parent())
						// console.log()
						$(nRow).addClass('user_' + aData.legajo)
						// console.log(nRow)
						
						 // legajo_ant = aData.legajo;
					// }else{
						// $('td:eq(0)', nRow).html(''); 					
						// $('td:eq(1)', nRow).html('');
						// $('td:eq(2)', nRow).html('');
						// $('td:eq(3)', nRow).html('');
					// }
					
                    // $('td:eq(2)', nRow).html('<div class="user_nombre" id="user_' + aData.legajo + '">' + aData.nombre + '</div>'); 
	
                },
					
					// A.legajo, A.nombre, U.nombre_usuario, -- P.id_rep_dep
// IF(P.id_rep_dep = 0, getNombreReparticion(A.repart), getNombreReparticion(P.id_rep_dep) ) AS nombreReparticion,
// getNombrePerfilyId(P.id_perfil) perfil
					
				// si muestro el id necesito crear acciones, sino el filtrado individual no funciona					
					
                "aoColumns": [                    
                    {"aTargets": [ 0 ], "mData": "acciones", "bVisible": true, "sClass": "editable", "bSortable": false, "bSearchable": true, "sWidth": "10px"},
                    {"aTargets": [ 1 ], "mData": "legajo", "bVisible": true, "sClass": "editable", "bSortable": true, "bSearchable": true, "sWidth": "30px"},
                    {"aTargets": [ 2 ], "mData": "estado", "bVisible": true, "sClass": "editable", "bSortable": false, "bSearchable": false, "sWidth": "10px"},
                    {"aTargets": [ 3 ], "mData": "nombre", "bVisible": true, "sClass": "editable", "bSortable": true, "bSearchable": true }, //nro ingr
                    {"aTargets": [ 4 ], "mData": "nombre_usuario", "bVisible": true, "sClass": "editable", "bSortable": true, "bSearchable": true, "sWidth": "120px" }, //nro exp				
                    {"aTargets": [ 5 ], "mData": "nombreReparticion", "bVisible": true, "sClass": "editable", "bSortable": true, "bSearchable": true}, //fecha
                    {"aTargets": [ 6 ], "mData": "perfil", "bVisible": true, "sClass": "editable", "bSortable": true, "bSearchable": true, "sWidth": "120px" } //tipo                			
                    
					// {"aTargets": [ 6 ], "mData": "remitente", "bVisible": true, "sClass": "editable", "bSortable": true, "bSearchable": true, "sWidth": "30px"  }, //remitente                    
                    // {"aTargets": [ 7 ], "mData": "fecha_ingreso", "bVisible": true, "sClass": "editable", "bSortable": true, "bSearchable": true, "sWidth": "30px"  } //caratula
					
                    // {"aTargets": [ 8 ], "mData": "lugar_esta", "bVisible": true, "sClass": "editable", "bSortable": true, "bSearchable": true, "sWidth": "30px" }, //mesa
                    // {"aTargets": [ 9 ], "mData": "estado_tx", "bVisible": true, "sClass": "editable", "bSortable": true, "bSearchable": true, "sWidth": "20px" } //estado tx                    
                ],    

                /*
                                "aoColumnDefs": [ {
                                          "aTargets": [ 1 ],
                                          "mData": function ( source, type, val ) {
                                                console.trace();
                                                console.error(source)
                                                console.error(val)
						
                                                if (type === 'set') {
                                                  //data.c_estado_doc = 'peru'; 
                                                  source.price = val;
                                                  // Store the computed dislay and filter values for efficiency
                                                  source.price_display = "asdsa"; //val=="" ? "" : "$"+numberFormat(val);
                                                  source.price_filter  = "6as54d65sa"; //val=="" ? "" : "$"+numberFormat(val)+" "+val;
                                                  return;
                                                }
						
                                                else if (type === 'display') {
                                                  return source.price_display  + "asd";
                                                }
                                                else if (type === 'filter') {
                                                  return source.price_filter + "656";
                                                }
                                                // 'sort', 'type' and undefined all just use the integer
                                                return source.price + " asksfnjsd";
                                          }
                                        } ],	
                 */
            
                "oLanguage": oLanguageGlobal,
                
                "fnInitComplete": function(oSettings, json) {
					// alert("asdsa")
					// $(".user_nombre").css("background-color","rgba(0, 255, 0, 0.5)");	
                },
            
                "fnStateLoad": function (oSettings, oData) {
                    // alert("asd 65a 6546sa")
					// $(".user_nombre").css("background-color","rgba(0, 255, 0, 0.5)");	
                }
                    
            }).columnFilter({                    
                
                aoColumns: [                     
                     null,   
                    { type: "text" }, 					  
                    null,
                    { type: "text" },
                    { type: "text" },
                    { type: "text" },
					null					
                ],
                
                bUseColVis: true

            });   
		
			//$('#dt_usuarios_x_repart').on('page', function () { $(".user_nombre").css("background-color","rgba(0, 255, 0, 0.5)");	 } );
                 
        } );

        //redibujarTabla();       
        
    // })(); //termina autoejecutable   

	
	oTableUsuariosServer.refresh = function(){ 
		oTableUsuariosServer.fnSort( [[0,'desc']])
	}    
	
	
   function altaUser(){
		ventanaAltaUsuario.show()
       // showStickySuccessToast("Actualizando Datos");        
   }   
   
   function editUser(user_id){
		$("#form_asign_user").reset();
		ventanaAltaUsuario.show();
		
		ventanaAltaUsuario.data.user_id = user_id;
		
		$("#user_legajo").val(""+user_id);		
		// $("#user_legajo").attr("readonly","readonly");
		$("#user_legajo").attr("disabled","true");

		
		var res = SISTEMA.findUserById(user_id);

		// console.log(res)
		
		// $("#user_username").val(res.objetos[0].nombre_usuario);		
		// $("#user_username").attr("disabled","true");
		
		$("#input_nombre_user").val(res.objetos[0].nombre);
		$("#input_nombre_user").attr("disabled","true");
		
		if(res.objetos[0].nombre_usuario.length == 0){
			ventanaAltaUsuario.setTitle('Asignar Usuario');
			ventanaAltaUsuario.data.tipo_accion = 'asignar';
		}else{
			ventanaAltaUsuario.setTitle('Edit Usuario');
			ventanaAltaUsuario.data.tipo_accion = 'editar';
			$("#user_username").val(res.objetos[0].nombre_usuario);
		}
	
       // showStickySuccessToast("Actualizando Datos");        
   }   



// 

      
</script>
<!--div class="contenedor_tab"-->
<div class="" style="width:90%; margin:0 auto;">    
   
    <br>

    <h1 class="tituloCeleste">Usuarios:
		<a style="float:right; margin-top: -9px" title='Actualizar' id="refresh" href='javascript:oTableUsuariosServer.refresh()' ><img style='cursor:pointer' src='images/refresh.png' width="20"  border='0'  ></a> &nbsp;
        <!--a style="float:right; margin-top:-11px; margin-right:2px" title='Alta de Agente' id="add_user" href='javascript:altaUser()' ><img style='cursor:pointer' src='images/add_user.png' width="23"  border='0'  ></a--> 
	</h1>
        	
    <br>  

    <table cellpadding="0" cellspacing="0" border="0" class="display datatable" id="dt_usuarios_x_repart" >
        <thead>
            <tr>                
                <th>Acciones</th>
                <th>Legajo</th>     
                <th>Estado</th>     

                <th>Nombre</th>  
                <th>Usuario</th> 
                <th>Reparticion</th> <!--th>Fecha Ingreso</th-->                

                <th>Perfil</th>                
         
            </tr>
        </thead>
        <tbody>
        </tbody>	
        <tfoot>
            <tr>         
                    
                <th></th>  
                <th></th>  
                <th></th>  
				
                <th></th>  
                <th></th> 
                <th></th>  
				
                <th></th> 
                         
            </tr>
        </tfoot>
    </table>
</div>
  